<template>
	<div class="app">
		<h4>{{address}}，{{school}}，{{subject}}</h4>
		<h4>{{miniAddress}}，{{upSchool}}，{{subject}}</h4>
		<Count/>
	</div>
</template>

<script>
	import Count from './components/Count.vue'
	import {mapState,mapGetters} from 'vuex'

	export default {
		name:'App',
		components:{Count},
		computed:{
			...mapState(['address','school','subject']), //数组写法
			...mapGetters(['miniAddress','upSchool'])
		}
	}
</script>

<style>
	.app{
		background-color: gray;
		padding: 20px;
	}
</style>